<template>
    <div class="container">
        <Echart
        :options="options"
        id="centreLeft1Chart"
        height="2.5375rem"
        width="4rem"
        ></Echart>
    </div>
</template>

<script>
import Echart from '@/common/echart'
export default {
    data() {
        return {
            options: {
                color: [
                    "#11FFD7",
                    "#CDCDCD",
                ],
                tooltip: {
                    trigger: "item",
                },
                series: [
                    {
                    type: "pie",
                    radius: '50%',
                    data: [
                        { value: 10, name: "在线设备" },
                        { value: 5, name: "离线设备" }
                      
                    ],
                    }
                ]
            }
        };
    },
    components: {
        Echart,
    },
    props: {
        cdata: {
        type: Object,
        default: () => ({})
        },
    },
    watch: {
   
   }
}
</script>

<style scoped>
.container {
    background: #f7f7f7;
}
</style>